//
// var x = 0;
// setInterval(function () {
//     var index = ++x%3;
//     var arr = document.getElementsByTagName("img");
//     for (let i = 0; i < arr.length; i++) {
//         if (i==index){
//             arr[i].style.display = "block";
//         }else {
//             arr[i].style.display = "none";
//         }
//     }
// },2000);
onload = function () {
    var imgs = document.getElementsByClassName("img_1");
    for (var i = 0; i < imgs.length; i++) {
        imgs[i].style.left = i*1440+"px";
    }
};
var timeId = setInterval(next,8300);
function next(){
    var moveId = setInterval(function() {
        var imgs =document.getElementsByClassName("img_1");
        for (var i = 0; i < imgs.length; i++) {
            var img =imgs[i];
            var oldLfet = parseInt(img.style.left);
            oldLfet-=3;
            if (oldLfet<=-1440){
                oldLfet =1440*2;
                clearInterval(moveId);
            }
            img.style.left = oldLfet+"px";
        }
    },10);
};
function stop() {
    clearInterval(timeId);
}
function start() {
    clearInterval(timeId);
    timeId = setInterval(next,8300);
}
onblur = function () {
    stop();
}
onfocus = function () {
    start();
}